<template>
  <div class="box">
    <!-- <h2>我的速型</h2> -->
    <span class="kong"></span>
    <van-nav-bar @click-left="onClickLeft" class="vnb" fixed>
      <van-icon name="cross" color="black" size="24" slot="left"/>
    </van-nav-bar>
    <div class="nav" @click="tap()">
      <van-row type="flex" justify="space-between">
        <van-col span="6"></van-col>
        <van-col span="6">
          <div class="left">
            <span class="yuan"> <img :src="url" style="width:100%;height:100%; border-radius: 50%;border:0"></span>
           
            
            <div class="yhm">
              <p>{{name}}</p>
            </div>
          </div>
        </van-col>
        <van-col span="6" class="tubiao">
          <van-icon name="arrow"/>
        </van-col>
      </van-row>
    </div>
    <div class="banner">
      <van-row type="flex" justify="center">
        <van-col span="6">0粉丝</van-col>
        <van-col span="6"></van-col>
        <van-col span="6">0关注</van-col>
      </van-row>
    </div>
    <div class="main">
      <span class="ge"></span>
      <van-cell-group>
        <van-cell title="会员享10享特权" value="即刻加入" icon="vip-card-o" is-link to="/buyvip"/>
      </van-cell-group>
      <span class="ge"></span>
      <van-cell title="我的消息" is-link to="/messagecenter" icon="comment-o"/>
      <van-cell title="我的订单" is-link to="/allorders" icon="shop-o"/>
      <van-cell title="我的优惠券" is-link to="/mycoupon" icon="cash-back-record"/>
      <van-cell title="使用兑换码" is-link to="/cdkey" icon="eye-o"/>
      <van-cell title="邀请好友" is-link to="/invite" icon="friends-o"/>
      <span class="ge"></span>
      <van-cell title="身体数据" is-link to icon="manager-o"/>
      <van-cell title="我的积分" is-link to="/myintegral" icon="points"/>
      <van-cell title="我的动态" is-link to="/mydynamic" icon="contact"/>
      <van-cell title="我的收藏" is-link to="/myfavorite" icon="idcard"/>
      <van-cell title="我的下载" is-link to="/mydownload" icon="exchange"/>
      <span class="ge"></span>
      <van-cell title="关注我们" is-link to="/followus" icon="gem-o"/>
      <van-cell title="设置" is-link to="/setting" icon="setting-o"/>
    </div>
  </div>
</template>

<script>
export default {
  name: "Myspeed",
  data(){
    return{

      url:this.$store.state.plce,
      name:this.$store.state.name
    }


  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    tap(){
      this.$router.push('/personaldata')
    },
  }
};
</script>

<style scoped>

.kong {
  display: block;
  height: 50px;
}
.nav .left {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
}
.nav .yuan {
  display: block;
  width: 49px;
  height: 49px;
  border: 1px solid rgba(187, 187, 187, 1);
  border-radius: 50%;
}
.nav .yhm p {
  color: rgba(117, 117, 117, 1);
  font-size: 16px;
  text-align: center;
  font-family: Arial-regular;
  margin-top: 6px;
  
  
}
.tubiao {
  display: flex;
  justify-content: center;
  margin-top: 17px;
}
.banner {
  color: rgba(117, 117, 117, 1);
  font-size: 12px;
  text-align: center;
  font-family: Arial-regular;
}
.ge {
  height: 10px;
  background: #aaa;
  display: block;
}
.van-cell__title{
  font-size:16px;
  background:url()
}

</style>
